import React, {useEffect} from 'react';
import PageHeader from "../components/PageHeader";
import {useSelector} from "react-redux";
import {Card} from "antd";

/**
 * 个人中心
 * @param props
 * @returns {Element}
 * @constructor
 */
function Personal(props) {
    const {userInfo} = useSelector(state => state.user)
    useEffect(() => {
        console.log(userInfo)
    }, []);
    return (
        <div>
            <PageHeader title="个人中心" />
            {/*  信息展示  */}
            <Card
                title="基本信息"
                extra={<a href="#">编辑</a>}
                style={{
                    width: 1200,
                }}
            >
                <p>Card content</p>
                <p>Card content</p>
                <p>Card content</p>
            </Card>
        </div>
    );
}

export default Personal;